﻿@{
    ViewBag.Title = "Chào mừng bạn đến facebook";
}

<script src="../../Scripts/myScript/index.js" type="text/javascript"></script>
<style type="text/css">
    #dangKyDiv input[type=text], #dangKyDiv input[type=password] {
        width:427px;height:40px;border:1px solid #bdc7d8;
        font-family:Consolas;font-size:13pt;padding-left:5px;
        border-radius:7px;line-height:40px;color:#888
    }
    #dangKyDiv .cbNTNS {
        float:left;width:90px;height:35px;border:1px solid #bdc7d8;
        font-family:Consolas;font-size:13pt;margin:5px;
        border-radius:7px;line-height:35px;color:#888;background:#fff
    }
    #dangKyDiv .cbNTNS select {
        width:85px;border:none;font-family:Consolas;font-size:13pt;color:#888
    }
</style>

@using (Html.BeginForm())
{
<div style="width:900px;margin:auto">
    <div style="float:left;width:450px;padding:0;margin:0">
        <div style="color:Transparent">
            <img alt="hallo" src="https://fbcdn-dragon-a.akamaihd.net/cfs-ak-ash4/84979/417/388809427820169_484552950.png"
                style="margin:150px 0 0 -50px" />
        </div>
    </div>

    <div style="float:left;width:450px;padding:0;margin:0">
        <div style="color:#00f;font-family:'Times New Roman';font-size:32pt;
            font-weight:bold;padding:20px 10px">
            Đăng ký tài khoản mới
        </div>
        <div class="clear"></div>

        <div id="dangKyDiv">
            <div style="float:left;margin-left:10px">
                <input style="width:200px" type="text" id="txtHoDem" name="txtHoDem" value="Họ của bạn"
                    onfocus="javascript:if (this.value=='Họ của bạn') { this.value=''; }"
                    onblur="javascript:if (this.value=='') { this.value='Họ của bạn'; }" />
            </div>
            <div style="float:left;margin-left:20px">
                <input style="width:200px" type="text" id="txtTen" name="txtTen" value="Tên của bạn"
                    onfocus="javascript:if (this.value=='Tên của bạn') { this.value=''; }"
                    onblur="javascript:if (this.value=='') { this.value='Tên của bạn'; }" />
            </div>
            <div class="clear"></div>

            <div style="margin:10px">
                <input type="text" id="txtTenDangNhapDK" name="txtTenDangNhapDK" value="Tên đăng nhập"
                    onfocus="javascript:if (this.value=='Tên đăng nhập') { this.value=''; }"
                    onblur="javascript:if (this.value=='') { this.value='Tên đăng nhập'; }" />
            </div>
            <div class="clear"></div>

            <div style="margin:10px">
                <input type="text" id="txtDiaChi" name="txtDiaChi" value="Địa chỉ"
                    onfocus="javascript:if (this.value=='Địa chỉ') { this.value=''; }"
                    onblur="javascript:if (this.value=='') { this.value='Địa chỉ'; }" />
            </div>
            <div class="clear"></div>

            <div style="margin:10px">
                <input type="text" id="txtMatKhauDK" name="txtMatKhauDK" value="Mật khẩu mới"
                    onfocus="javascript:if (this.value=='Mật khẩu mới') { this.type='password'; this.value=''; }"
                    onblur="javascript:if (this.value=='') { this.type='text'; this.value='Mật khẩu mới'; }" />
            </div>
            <div class="clear"></div>

            <div style="margin:10px">
                <input type="text" id="txtMatKhauDK2" name="txtMatKhauDK2" value="Nhập lại mật khẩu"
                    onfocus="javascript:if (this.value=='Nhập lại mật khẩu') { this.type='password'; this.value=''; }"
                    onblur="javascript:if (this.value == '') { this.type='text'; this.value='Nhập lại mật khẩu'; }" />
            </div>
            <div class="clear"></div>

            <div style="font-family:Consolas;font-size:13pt;color:#888">
                <input style="margin:5px 10px" type="radio" name="rdGioiTinh" value="Nu" />Nữ
                <input style="margin:5px 10px" type="radio" name="rdGioiTinh" value="Nam" />Nam
            </div>
            <div class="clear"></div>

            <div style="float:left;margin:15px 10px;font-family:Consolas;font-size:13pt;color:#555">
                Sinh nhật:&nbsp;&nbsp;
            </div>
            <div class="cbNTNS">
                <select id="cbNamSinh" name="cbNamSinh"
                    onchange="chonNamSinh()">
                    <option value="0">Năm:</option>
                @for (int i = 2013; i > 1904; i--)
                {
                    <option value="@i">@i</option>
                }
                </select>
            </div>
            <div class="cbNTNS">
                <select id="cbThangSinh" name="cbThangSinh"
                    onchange="chonThangSinh()">
                    <option value="0">Tháng:</option>
                @for (int i = 1; i < 13; i++)
                {
                    <option value="@i">Th @i</option>
                }
                </select>
            </div>
            <div class="cbNTNS">
                <select id="cbNgaySinh" name="cbNgaySinh"
                    onchange="chonNgaySinh()">
                    <option value="0">Ngày:</option>
                @for (int i = 1; i < 32; i++)
                {
                    <option value="@i">@i</option>
                }
                </select>
            </div>
            <div class="clear"></div>

            <div>
                <input type="button" id="bnDangKy" name="bnDangKy" value="Đăng ký"
                    style="margin:10px;width:200px;height:40px;font-size:16pt;
                    font-family:Consolas;color:#555" />
            </div>
            <div class="clear"></div>

            <div style="border:1px solid #f00;background:#fee;margin:10px 0 20px 0;padding:7px"
                id="loi" class="hide">
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <div class="clear"></div>
</div>
}